<!--
 * @Description  : 步骤条
 * @Author       : zhao
 * @Date         : 2022-06-28 13:47:47
 * @LastEditors  : zhao
 * @LastEditTime : 2022-08-26 10:42:18
-->

<template>
    <div class="">
        <el-steps :active="active" finish-status="success" :align-center="true">
            <!-- <el-step title="审核中" description=""></el-step> -->
            <el-step title="审核中" description="" ></el-step>
            <el-step title="已审核" description="" ></el-step>
            <el-step title="已完成" description=""></el-step>
            <!-- <el-step title="已过期" :description="description3"></el-step> -->
        </el-steps>
        
    </div>
</template>

<script>
export default {
    name: "",
    data() {
        return {
            description1: "",
            description2: "",
            description3: "",
            description4: "",
        }
    },
    props: {
        active: {
            type: Number,
            default: 1,
        },
        description: String,
    },
    components: {},

    computed: {},
    watch: {
        description(val) {
            this.getdescription()
        }
    },
    mounted() {
        this.getdescription()
    },

    methods: {
        getdescription() {
            this["description" + this.active] = this.description
        },
    },
}
</script>
<style lang='scss' scoped>
::v-deep .el-step__description {
    font-size: 23px;
    color: rgb(141, 140, 140);
}
</style>